<template>
    <div class="box">
        <div class="header">头部</div>
        <div class="meddle">
            <van-form @submit="onSubmit">
                <van-cell-group inset>
                    <van-field v-model="username" name="username" label="用户名" placeholder="用户名"
                        :rules="[{ required: true, message: '请填写用户名/手机号' }]" />
                    <van-field v-model="password" type="password" name="password" label="密码" placeholder="密码"
                        :rules="[{ required: true, message: '请填写密码' }]" />
                </van-cell-group>
                <div style="margin: 16px;">
                    <van-button round block type="primary" native-type="submit">
                        登录
                    </van-button>
                </div>
            </van-form>
        </div>
    </div>
</template>
<script setup>

    import { ref } from "vue";
    import { useRouter } from "vue-router";
    const username=ref()
    const password=ref()
    let login=()=>{
        router.push('/login')
    }
</script>